<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
body{background:#C6BE2B;}
ul{margin:0;padding:0;list-style:none;}
ul,li,a,span{float:left;}
ul{background:url(img2/btnM.png) repeat-x;}/* 三层嵌套先中间后两边 */
li{padding-right:2px;}
a{background:url(img2/btnL.png) no-repeat;}
span{background:url(img2/btnR.png) no-repeat right 0;height:30px;color:#fff;padding:5px 20px;}/* 很多东西都是在最后的子级元素添加 */
</style>
</head>
<body>
  <ul>
    <li>
      <a href="#">
        <span>关于我们</span>
      </a>
    </li>
     <li>
      <a href="#">
        <span>欢迎！欢迎！！热烈欢迎！！！</span>
      </a>
    </li>
  </ul>
</body>
</html>
